<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js"></script>
	</head>
	<body>
		<!-- js是同步的，会阻止页面渲染 -->
		<!-- 根节点 -->
		<div id="app">
			<!-- 插值写法 -->
			{{txt}}
			<h1>{{txt}}</h1>
			<!-- 数据双向绑定 -->
			<input type="text" v-model="txt" />
		</div>
		<!-- 执行程序 -->
		<script>
			//mvvm模式数据双向绑定 ---（数据双向流）
			// 初始化程序
			new Vue({
				// 选择挂载的容器
				el:'#app',//document.getElement
				// 初始一个数据：被数据双向监听的变量。
				data:{
					txt:"2020年11月23日"
				}
			})
		</script>
	</body>
</html>
<script></script>
